<template>
  <div class="echars">
    <div style="height: 30px; line-height: 30px">
      <i class="el-icon-s-data"></i>
      基础图表
    </div>
    <div class="echars_content">
      <e></e>
      <el></el>
      <el-row>
          <el-col :span='24' style="height:50px;line-height:50px;font-weight:bold" type='flex' justify='center'>
               Vue-echars
          </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import e from '../components/echars/e_easy'
import el from '../components/echars/e_one'
export default {
    components:{
        e,
        el
    }
};
</script>

<style scoped>
.echars {
  padding: 10px;
  box-sizing: border-box;
  background: #f0f0f0;
}
.echars_content {
  border: 1px solid gray;
  padding: 15px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 5px;
  /* height: 100vh; */
}
</style>